﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Game tutorial</title>
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script>
        function changePage(page) {
            var url = page;
            $.ajax({
                url: url,
                success: function (data) {
                    $("#main").html(data);

                }
            });
        }

        (function () {
            var match,
				pl = /\+/g, // Regex for replacing addition symbol with a space
				search = /([^&=]+)=?([^&]*)/g,
				decode = function (s) {
				    return decodeURIComponent(s.replace(pl, " "));
				},
				query = window.location.search.substring(1);

            var urlParams = {};
            while (match = search.exec(query))
                urlParams[decode(match[1])] = decode(match[2]);          
            window.gameUrl = "../indexPreview.html?fileName=" + urlParams["fileName"] + "&folderName=" + urlParams["folderName"] + "&turkSubmitTo=" + urlParams["turkSubmitTo"] + "&assignmentId=" + urlParams["assignmentId"];
        })();

        function goToGame()
        {
            window.location = window.gameUrl;
        }
    </script>
    <link rel="Stylesheet" href="tutorial.css" type="text/css" />
</head>
<body>
<div id="main">
<div id="top">
<h1>General</h1>
</div>
<div id="middle">
<div id="content">

<style>
img
{
    float:right;
}
</style>


SpaceGame is a flight game.<br />
<img src="../imgs/tutorialImg/ship.png" />

Your goal is to control the spaceship to earn as much points as possible. <br />
<img style="" src="../imgs/tutorialImg/meteor2.png" />

Points are earned when the spaceship shoots down a meteor. <br />
In order to function properly, the spaceship needs fuel and it needs to be well maintained. These actions will incur some cost in points and time.
 <img style="" src="../imgs/tutorialImg/feulStation.png" /> 

</div>
</div>
    <div id="foot">
        <div class="number">
            <a href="#"><<</a>
            </div>
            <div class="number  selected">
             1
            </div>
            <div class="number">
            <a href="#" onclick="changePage('p2.html')">2</a>
            </div>
            <div class="number">
             <a href="#" onclick="changePage('p3.html')">3</a>
            </div>
            <div class="number">
             <a href="#" onclick="changePage('p4.html')">4</a>
            </div>
            <div class="number">
            <a href="#" onclick="changePage('p5.html')">5</a>
            </div>
            <div class="number">
           <a href="#" onclick="changePage('p6.html')">6</a>
            </div>
            <div class="number">
            <a href="#" onclick="changePage('p7.html')">7</a>
            </div>
            <div class="number">
             <a href="#" onclick="changePage('p8.html')">8</a>
            </div>
            <div class="number">
          <a href="#" onclick="changePage('p9.html')">9</a>
            </div>
             <div class="number">
           <a href="#" onclick="changePage('p10.html')">10</a>
            </div>
             <div class="number">
          <a href="#" onclick="changePage('p2.html')">>></a>
            </div>
        </div>
</div>
</body>
</html>
